<template>
  <el-tooltip v-bind="$attrs" class="item" effect="dark" placement="bottom-end">
    <div slot="content">{{ displayContent }}</div>
    <i class="el-icon-question el-icon--left el-icon-help" />
  </el-tooltip>
</template>

<script>
export default {
  props: {
    displayContent: {
      type: String,
      default: '',
      required: true
    }
  },
  data() {
    return {
    }
  }
}
</script>
<style lang="scss" scoped>
   .el-icon-help {
    color: #0000ff;
   }
</style>
